<template>
  <div id="app">
    <el-container class="wbs-container">
      <el-header class="wbs-header">WBS: 客户数据校验解决方案</el-header>
      <el-main class="wbs-main">
        <div class="wbs-main__content">
          <router-view/>
        </div>
      </el-main>
    </el-container>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
.wbs-container {
  width: 100vw;
  height: 100vh;
}
.wbs-header {
  background: #409eff;
  color: #fff;
  line-height: 60px;
}
.wbs-main {
  background: #f5f5f5;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.wbs-main__content {
  flex: 1;
  background: #fff;
  padding: 20px 24px 8px;
  margin: 24px 24px 0;
}
</style>
